<template>
  <div>
    <transition name="el-zoom-in-top">
      <el-form ref="form" :model="form" label-width="150px">
        <el-form-item label="原密码" prop="userName">
          <el-input
            v-model="form.userName"
            placeholder="请输入原密码"
          ></el-input>
        </el-form-item>
        <el-form-item label="新密码">
          <el-input
            type="password"
            placeholder="请输入新密码"
            v-model="form.userMobile"
          ></el-input>
        </el-form-item>
        <el-form-item label="再次输入新密码">
          <el-input
            type="password"
            placeholder="请输入新密码"
            v-model="form.userMobile"
          ></el-input>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" :loading="loading" @click="onSubmit"
            >确认修改</el-button
          >
          <el-button>取消</el-button>
        </el-form-item>
      </el-form>
    </transition>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      showState: true,
      loading: false,
      form: {
        name: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: "",
        content: "",
        userId: "", //用户id
        userPic: "",
        userName: "", //用户名
        userMobile: "", //手机号
        userSex: "", //性别
        email: "", //邮箱
        userType: "" //用户类型
      }
    };
  },
  methods: {
    onSubmit() {
      console.log("submit!");
    }
  }
};
</script>

<style></style>
